<!DOCTYPE html>
<html>
  <head>
    <script>
      window.lconfig = {
        showAppTitle: false,
        showHeader: true,
        docTitle: 'Sky\'s Link Library',
        filename: 'skylinks',
        firstNodeAsTitle: false,
        baseMode: 't',
        "activeBackgroundColor": "#01FF70", //
        "itemArrow": "\uf105", // ▹▷▶›>►
        "leftPaneWidth": 'calc(50vw - 350px)',
        "rightPaneWidth": 'calc(50vw + 350px)',
        "leftPanePadding": 'calc(50vw - 600px)',
        "contentPaneWidth": '700px',
        viewTypes: [
          {name: 'Outline', type: 't'},
          {name: 'Inline', type: 'a'},
          {name: 'Graphic Tree', type: 'd'},
          {name: 'Dendrogram', type: 'z'},
          {name: 'Nested Menu', type: 'n'}
        ]
      }
    </script>
    <meta charset=utf-8>
    <title>Sky's Link Library</title>
    <link href="https://cdn.jsdelivr.net/npm/leo-vue/dist/static/css/app.css" rel=stylesheet>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  </head>
  <body>
    <div id=app></div>
    <script type=text/javascript src=https://cdn.jsdelivr.net/npm/leo-vue/dist/static/js/manifest.js></script>
    <script type=text/javascript src=https://cdn.jsdelivr.net/npm/leo-vue/dist/static/js/vendor.js></script>
    <script type=text/javascript src=https://cdn.jsdelivr.net/npm/leo-vue/dist/static/js/app.js></script>
  </body>
</html>